$(function() {
    var form = layui.form
    var layer = layui.layer

    form.verify ({
        nickname: function(value) {
            if(value.length > 6) {
                return '昵称长度必须在1到6位'
            }
        }
    })

    getUserData()

    function getUserData() {
        $.ajax({
            method: 'GET',
            url: '/my/userinfo',
            success: function(res) {
                if(res.code !== 0) {
                    return layer.msg('获取用户失败')
                }
                console.log(res);
                form.val('formUserInfo', res.data)
            }
        })
    }


    // 重置表单数据
    $('#btnReset').on('click', function(e) {
        // 取消重置按钮的默认行为
        e.preventDefault()
        getUserData()
    })

    // 提交更改信息
    // 监听表单提交信息
    $('.layui-form').on('submit', function(e) {
        // 取消表单的默认行为
        e.preventDefault()

        // 发起ajax请求
        $.ajax({
            method: 'PUT',
            url: '/my/userinfo',
            data: $(this).serialize(),
            success: function(res) {
                if(res.code !== 0) {
                    return layer.msg('修改失败')
                }
                layer.msg('修改成功')
                // 调用父页面中方法 , 重新渲染用户的头像和昵称信息
                window.parent.getUserData()
            }
        })
    })
})